Propiedades de los Textos

Las propiedades de texto en CSS permiten controlar el aspecto y el diseño del texto en una página web. A continuación, se describen algunas de estas propiedades:

Text-Indent

La propiedad text-indent se utiliza para establecer el desplazamiento de la primera línea de un párrafo. Puede definirse en longitud (por ejemplo, "20px") o porcentaje (por ejemplo, "10%").

Este es un ejemplo de texto con desplazamiento de la primera línea utilizando la propiedad text-indent. La primera línea está desplazada 30px.

Text-Align

La propiedad text-align se utiliza para alinear el texto en una caja. Los valores comunes son "left", "right", "center" y "justify".

Este es un ejemplo de texto alineado a la derecha utilizando la propiedad text-align.

Text-Decoration

La propiedad text-decoration se utiliza para aplicar efectos de subrayado y tachado al texto. Los valores incluyen "none", "underline", "overline" y "line-through".

Este es un ejemplo de texto con subrayado utilizando la propiedad text-decoration.

Letter-Spacing

La propiedad letter-spacing controla el espacio entre caracteres. Puede definirse como "normal" o en una longitud específica.

Este es un ejemplo de texto con espacio entre caracteres utilizando la propiedad letter-spacing. Los caracteres están separados por 3px.

Word-Spacing

La propiedad word-spacing controla el espacio entre palabras. Puede definirse como "normal" o en una longitud específica.

Este es un ejemplo de texto con espacio entre palabras utilizando la propiedad word-spacing. Las palabras están separadas por 10px.

Text-Transform

La propiedad text-transform transforma el texto a mayúsculas o minúsculas. Los valores comunes son "capitalize", "uppercase", "lowercase" y "none".

Este es un ejemplo de texto en mayúsculas utilizando la propiedad text-transform.

Line-Height

La propiedad line-height establece el tamaño del espacio entre líneas. Puede definirse en longitud o porcentaje.

Este es un ejemplo de texto con un espacio entre líneas mayor utilizando la propiedad line-height. El espacio entre líneas es de 70px.

Vertical-Align

La propiedad vertical-align se utiliza para alinear verticalmente elementos en línea. Puede alinearse en la parte superior, en el centro o en la parte inferior, o utilizar otros valores como "baseline", "sub" o "super".

Este es un ejemplo de texto con alineación vertical con una tabla usando vertical-align.

vertical-align: top vertical-align: middle vertical-align: bottom